<!--
*@Author: QWP
*@Description: 404页面
*@Date: 2023-08-15 09:59:51
-->
<template>
  <a-layout class="u-all-index-box f-h-100">
    <a-layout-content class="f-padding-0" style="overflow-x: hidden;">
      <div class="u-404-box">
        <div class="u-404-content">
          <b style="font-size: 82px; letter-spacing: 10px;">404</b>
          <h2>页面找不到</h2>
          <br>
          <el-button round @click="toHome">返回首页</el-button>
          <el-button round @click="$router.go(-1)">返回上一页</el-button>
        </div>
      </div>
    </a-layout-content> 
  </a-layout>
</template>
<script >
export default {
  methods: {
    toHome() {
      this.$router.replace({path: '/TransitIndex'})
    }
  }
}
</script>

<style lang='scss' >
.u-404-box {
  position: relative;
  margin: 0 auto;
  width: auto;
  min-width: 100px;
  height: 100vh;
}
.u-404-content {
  width: max-content;
  height: max-content;
  position: absolute;
  left: 50%;
  top: 25%;
  transform: translate(-50%, -25%);
}
</style>